<template>
    <div class="box-view">
        <div>
                <el-form ref="formName" label-width="110px" style="width:550px">
                <el-form-item label="安检名称:" style="width:250px">
                        张三能否
                    </el-form-item>
                        <el-form-item label="安检员:" style="width:250px">
                        张三能否
                    </el-form-item>
                        <el-form-item label="客户类型:" style="width:250px">
                        张三能否
                    </el-form-item>
                        <el-form-item label="安检范围:" style="width:250px">
                        张三能否
                    </el-form-item>
                        <el-form-item label="客户总数:" style="width:250px">
                        张三能否
                    </el-form-item>
                        <el-form-item label="已安检客户数:" style="width:250px">
                        张三能否
                    </el-form-item>
                    <el-form-item label="安检率:" style="width:250px">
                        张三能否
                    </el-form-item>
                    <el-form-item label="计划状态:" style="width:250px">
                        张三能否
                    </el-form-item>
                     <el-form-item label="安检周期:" style="width:250px">
                        张三能否
                    </el-form-item>
                   <el-form-item label="" style="width:250px">
                         <el-button>查看安检计划详细</el-button>
                    </el-form-item>

                </el-form>
                <div style="height: 300px;">
                    <el-steps direction="vertical" :active="1">
                        <el-step title="步骤 1"></el-step>
                        <el-step title="步骤 2"></el-step>
                        <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
                    </el-steps>
                </div>
        </div>
        <div>
              <div style="font-size:16px;padding:10px 0">安检员任务情况：</div>
              <el-table
                :data="tableData"
                border
                :header-cell-style="{background:'#F0F1F6',color:'#333'}"
                style="width: 400px;">
                <el-table-column         
                    prop="name" 
                     align="center"
                    label="姓名"
                   />
                 <el-table-column         
                    prop="name" 
                     align="center"
                    label="身份"
                   />
                    <el-table-column         
                    prop="完成安检量" 
                     align="center"
                    label="姓名"
                   />
            </el-table>
        </div>
    </div>
</template>
<script>
  export default {
    data() {
      return {
       tableData:[]
      };
    },
    methods: {

    }
  }
</script>
<style scoped>
.el-form{
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}
.el-form-item__label{
    color: #666;
    font-weight: normal;
}
.box-view{
    display: flex;
}
</style>